<template>
<div class="table-component">
  <el-table
    :data="tableData"
    border
    stripe
    style="width: 100%"
    v-loading="tableLoading"
  >
    <el-table-column prop="id" label="id" width="200" />
    <el-table-column prop="name" label="角色名" width="200" />
    <el-table-column prop="createdAt" label="创建时间" width="240" />
    <el-table-column label="操作" min-width="220px" fixed="right">
      <template #default="scope">
        <el-button
          v-if="rolePermission.editRolePerm"
          type="success"
          size="small"
          @click.prevent="showAddEditDialog(scope.row, 2)"
          >编辑</el-button
        >
        <el-button
          v-if="rolePermission.removeRolePerm"
          type="danger"
          size="small"
          @click.prevent="showRemoveDialog(scope.row)"
          >删除</el-button
        >
      </template>
    </el-table-column>
  </el-table>
</div>
</template>
<script  setup lang='ts'>
const props = defineProps()

</script>
<style lang='scss' scoped>
</style>
